<template>
  <div>
    <el-carousel indicator-position="outside">
      <el-carousel-item v-for="(img,index) in imgs" :key="index">
        <el-image
          :src="img"
          style="height: 600px"
          fit="fill"></el-image>
      </el-carousel-item>
    </el-carousel>

  </div>
</template>
<script>
import img1 from '../assets/indexImg/1.jpg';
import img2 from '../assets/indexImg/2.jpg';
import img3 from '../assets/indexImg/3.jpg';

export default {
  data() {
    return {
      imgs: [
        img1, img2, img3
      ]
    }
  },
}
</script>

